html {
  font-size: 12px;
}

li {
  list-style: none;
}

ul {
  padding: 0;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

span {
  display: inline-block;
  cursor: default;
}

/* number在linux系统上下箭头很小 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  width: 24px;
  height: 24px;
}

input[type="number"].form-control {
  padding-right: 0px;
}

.remove,
.icon {
  padding: 0;
  width: 32px;
  height: 19px;
  line-height: 5px !important;
}

/* 解决禁用样式不统一问题(bs中checkbox禁用时opacity为0.5,select禁用时cursor为not-allowed) */
select:disabled,
input:disabled,
textarea:disabled,
.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
}

/*统一横线与accordion，listgroup边框颜色相同*/
hr {
  color: #dee2e6 !important;
  opacity: 1 !important;
}

.form-checkbox-warning:checked {
  background-color: orange !important;
  border-color: orange !important;
}

/*解决table使用上下箭头控制切换时带黑色边框问题*/
*:focus-visible {
  outline: none;
}

pre,
code {
  font-size: 1em !important;
}

/*表格不根据内容弹性改变宽度*/
table {
  table-layout: fixed;
}

/*button禁用*/
button:disabled {
  cursor: not-allowed;
}

/*form-switch较小*/
.form-switch .form-check-input {
  vertical-align: -3px;
  width: 2.5em;
  height: 1.25em;
}

/*type=checkbox],[type=radio]加一个空格间距*/
[type=checkbox],
[type=radio] {
  margin-right: 2px;
}

[pattern]:valid {
  color: green;
}

[pattern]:invalid {
  color: red;
}